<template>
	<view class="content">
		<view class="title fsize48 fweight600">
			请选择反馈类型
		</view>
		<view class="title1">
			<text>向开发者反馈</text>
		</view>
		<view class="content1" @click="toquestion('/pages/subPackage/takqst/index')">
			<view class="content2">
				<text class="title2">功能异常</text>
				<text class="title3">请向开发者反馈小程序功能异常问题。</text>
			</view>
			<text class="iconfont icon-jiantou arrow_right"></text>
		</view>
		<view class="content1" @click="toquestion('/pages/subPackage/takqst/index')">
			<view class="content2">
				<text class="title2">产品建议</text>
				<text class="title3">请向开发者反馈你对产品的相关建议。</text>
			</view>
			<text class="iconfont icon-jiantou arrow_right"></text>
		</view>
		
		<view class="title1" style="margin-top: 40rpx;">
			<text>向微信平台投诉</text>
		</view>
		<view class="content1" @click="toquestion('/pages/subPackage/takqst/index')">
			<view class="content2">
				<text class="title2">违规举报</text>
				<text class="title3">若遇色情、诱导、骚扰、欺诈、恶意营销、违法犯罪等情况，可向微信举报。</text>
			</view>
			<text class="iconfont icon-jiantou arrow_right"></text>
		</view>
	</view>
</template>

<script setup lang="ts">
	import {
		ref
	} from 'vue'
	function toquestion() {
		uni.navigateTo({
			url:"/pages/subPackage/takqst/index"
		})
	}
</script>
<style>
	page {
		background-color: #ffffff;
	}
</style>
<style lang="scss" scoped>
	
	.content {
		padding: 20rpx 40rpx;
	}
	.title {
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
	}
	.title1 {
		border-bottom: solid 2rpx #f2f2f2;
		height: 80rpx;
		line-height: 80rpx;
		color: #5e5e5e;
		font-size: 34rpx;
		padding: 0 10rpx;
	}
	.content1 {
		border-bottom: solid 2rpx #f2f2f2;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 180rpx;
		padding: 0 10rpx;
		.content2 {
			flex: 1;
			padding-right: 40rpx;
			display: flex;
			flex-direction: column;
			height: 100rpx;
			justify-content: space-between;
			.title2 {
				color: #333333;
				font-size: 34rpx;
				font-weight: 500;
				
			}
			.title3 {
				color: #888888;
				font-size: 26rpx;
			}
		}
		.arrow_right {
			color: #c5c5c5;
			font-size: 26rpx;
		}
	}
</style>